<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />

<title>公告頁面</title>

<link rel="stylesheet" href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">

<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>

<style>
.block {
	font-family:"微軟正黑體";
	line-height: 24px;
	position: relative;
	border-style: solid;
	border-color: orange;
	border-radius: 35px;
	width:430px;
    margin: 12px auto;
}
.content {
	margin: 20px;
}
</style>
</head>

<body>
<h1 style="position:fixed;top:20px;left:75px;">公告</h1>
	<div class="block" id="board1">
	<div class="content">部分使用者並不喜歡閱讀法律文件，但這些內容十分重要。我們的《服務條款》用字簡單，沒有難懂的術語。我們呼籲每一位使用者花費您寶貴的 5 分鐘閱讀我們的《服務條款》，謝謝您的配合。</div>
	</div>
	<div class="block" id="board2">
	<div class="content">[提醒] 依預設，任何 ChatChatCat 用戶都可以向您傳送交友邀請，目前我們並沒有針對使用者的封鎖功能。若您不希望某位使用者一直向您傳送交友邀請，請您忽略這則交友通知，而不要按下「拒絕」。</div>
	</div>
	<div class="block" id="board3">
	<div class="content">[呼籲] 沒有登入到 ChatChatCat 的人可看到您的個人名稱以及大頭貼照。您可以自行設定這些人是否可以看到您的生日、E-mail、個人簡介以及性別。</div>
	</div>
	<div class="block" id="board4">
	<div class="content">這是第四則公告，沒梗了。</div>
	</div>
	<div class="block" id="board5">
	<div class="content">這是第五則公告，沒梗了。</div>
	</div>
	<div class="block" id="board6">
	<div class="content">這是第六則公告，沒梗了。</div>
	</div>
	<div class="block" id="board7">
	<div class="content">這是第七則公告，沒梗了。</div>
	</div>
	<div class="block" id="board8">
	<div class="content">這是第八則公告，沒梗了。</div>
	</div>
	<div class="block" id="board9">
	<div class="content">這是第九則公告，沒梗了。</div>
	</div>
</body>

</html>
